<template>
  <div class="quickTip">
          <p>好好学习，天天敲代码~</p>
          <div class="web">
            <a href="https://github.com/" target="_blank"><img src="@/assets/webIcon/GitHub.png" alt=""></a>
            <a href="https://chatgpt.com/?model=auto" target="_blank"><img src="@/assets/webIcon/chatgpt.png" alt=""></a>
            <a href="https://tongyi.aliyun.com/" target="_blank"><img src="@/assets/webIcon/tongyi.png" alt=""></a>
            <a href="https://google.com/" target="_blank"><img src="@/assets/webIcon/Google.png" alt=""></a>
            <a href="https://youtube.com/" target="_blank"><img src="@/assets/webIcon/Youtubu.png" alt=""></a>
            <a href="https://www.runoob.com/" target="_blank"><img src="@/assets/webIcon/runboo.png" alt=""></a>
            <a href="https://img.tg/yoren" target="_blank"><img src="@/assets/webIcon/imgTG.png" alt=""></a>
          </div>
        </div>
</template>

<script>
export default {

}
</script>

<style lang="less" scoped>
.quickTip{
    position: absolute;
    width: 500px;
    height: 120px;
    background-color: rgba(0,0,0,0.5);
    border-radius: 10px;
    top: 70vh;
    left: 4vh;
    padding: 10px;
}
.quickTip  p{
  
    text-align: center;
    font-size: 28px;
    color: #e2e0e0;
    // color: aqua;
   height: 60px;
   line-height: 60px;
    border-bottom: 2px solid #000;
    // background-color:  rgba(0,0,0,0.6);
}
.web{
    padding: 10px 0;
    display: flex;
    justify-content: space-evenly;
}
.web a img{
    width: 30px;
}
</style>